<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>layout_demo</title>
</head>
<body>
<!--div test begin-->
<!--<div id="container" style="width:500px">-->
<!--<div id="header" style="background-color:indianred;">-->
    <!--<h1 style="margin-bottom: 0;">网页标题 </h1>-->
<!--</div>-->
<!--<div id="menu" style="background-color: mediumvioletred;height:200px;width:100px;float:left">-->
    <!--<b>菜单</b><br>-->
    <!--HTML<br>-->
    <!--JS<br>-->
    <!--CSS<br>-->
<!--</div>-->
    <!--<div id="context" style="background-color: palevioletred;height:200px" >-->
<!--内容-->
    <!--</div>-->
    <!--<div id="context" style="background-color: orangered;height:200px" >-->
        <!--内容-->
    <!--</div>-->
    <!--<div id="footer" style="background-color: mediumvioletred;clear:both;text-align:center;">-->
        <!--版权 © runoob.com-->
    <!--</div>-->
<!--</div>-->
<!--div test end-->

<!--table test begin-->
<table width="500" border="0">
<tr>
    <td colspan="2" style="background-color: #ffa500">
        <h1>网页标题</h1>
    </td>
</tr>
<tr>
    <td style="background-color:#FFD700;width:100px;">
        <b>菜单</b><br>
        HTML<br>
        CSS<br>
        JavaScript
    </td>
    <td style="background-color:#eeeeee;height:200px;width:400px;">
        内容在这里</td>
</tr>

<tr>
    <td colspan="2" style="background-color:#FFA500;text-align:center;">
        版权 © runoob.com</td>
</tr>

</table>
<!--table test end-->
</body>
</html>